<template>
	<h3>根据对象渲染列表</h3>
	<div v-for ="value in flowers" :key="flowers.id">
		<p>value的值：{{value}}</p>
	</div>
	<hr />
	<div v-for ="(value,key) in flowers" :key="flowers.id">
		<p>{{key}}:{{value}}</p>
	</div>
</template>

<script setup>
	import {reactive}  from 'vue'
	//定义对象,对象拥有键值对  键名：键值  key:value
	const flowers=reactive({id:1,flowername:'紫荆花',color:'紫色',area:['澳门','香港','广州']})
</script>

<style>
</style>